<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>

<title>${favourite} - ${page_name}</title>

<base href="${base_url}" />

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta http-equiv="Content-Language" content="fr" />
<meta name="author" content="${meta_author}" />
<meta name="copyright" content="${meta_copyright}" />
<meta name="keywords" content="${meta_keywords}" />
<meta name="description" content="${meta_description}" />
<!-- Dublin Core metadatas -->
<meta name="DC.Creator" content="${meta_author}" />
<meta name="DC.Rights" content="${meta_copyright}" />
<meta name="DC.Subject" content="${meta_keywords}" />
<meta name="DC.Description" content="${meta_description}" />
${document_meta?default("<!-- no document_meta -->")}

<meta http-equiv="Expires" content="0" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />

${rss?default("<!-- no RSS feed -->")}

<link rel="stylesheet"  href="${theme_css}/page_template_structure.css" type="text/css"  media="screen" />
<link rel="stylesheet"  href="${theme_css}/page_template_styles.css" type="text/css"  media="screen" />

<link rel="stylesheet"  href="${theme_css}/print_template_styles.css" type="text/css"  media="print" />
<link rel="stylesheet"  href="${theme_css}/print_template_structure.css" type="text/css"  media="print" />

<link rel="stylesheet" type="text/css" href="${theme_css}/customize.css" />

<link rel="stylesheet"  href="${theme_css}/brest.css" type="text/css"  media="screen" />
<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="css/ie/page_templates_ie.css" />
<![endif]-->


<link rel="stylesheet" type="text/css" href="${theme_css}/customize.css" />

<!--  Drag and drop css : les conteneurs et les elements ainsi que le redimensionnement des colonnes -->
<link rel="stylesheet" type="text/css" href="${theme_css}/customisation_dynamique.css">


${plugins_css_links}
${plugins_javascript_links}

<link rel="shortcut icon" href="favicon.ico" />

<script  src="js/menu.js" type="text/javascript" ></script>

<script language="javascript" type="text/javascript">

		var xml_scenario;

		//fonction qui charge le document XML Ã  partir d'un objet activeX pour IE et implementation pour Mozilla
		function loadXML(fichier)
		{

			//chargement du fichier XML pour Internet Explorer
			if (window.ActiveXObject) {
				xml_scenario = new ActiveXObject("Microsoft.XMLDOM");
				// mode synchrone obligatoire pour obtenir l'ensemble de la rÃ©ponse
				xml_scenario.async = false;
				//chargement du fichier xml en question
				xml_scenario.load(fichier);
				while(xml_scenario.readyState != 4) {};
			}
			// code pour Mozilla
			else if (document.implementation && document.implementation.createDocument) {
				xml_scenario = document.implementation.createDocument("","",null);
				//chargement du fichier xml en question
				xml_scenario.load(fichier);
			}
			else
			{
				alert('le script n\'est pas compatible avec votre navigateur');
			}
		}
</script>

<script language="javascript" type="text/javascript" src="./LAData/LAFlash_Library.js" ></script>
<script language="javascript" type="text/javascript" src="./LAData/library_xml.js"></script>
<script language="javascript" type="text/javascript" src="./LAData/LA_integration.js"></script>
<script language="javascript" type="text/javascript" src="./js/horloge.js"></script>

${statistical_include_head}

<script type="text/javascript" src="./js2/js/scripts.js"></script>
<script type="text/javascript" src="./js2/js/jquery.js"></script>
<script type="text/javascript" src="./js2/js/jquery.history_remote.pack.js"></script>
<script type="text/javascript" src="./js2/js/jquery.tabs.pack.js"></script>
<script type="text/javascript" src="./js2/js/jquery.pager.js"></script>
<script type="text/javascript" src="./js2/js/interface.js"></script>
<script type="text/javascript" src="./js2/js/ufo.js"></script>
<script type="text/javascript" src="./js2/js/utilities.js"></script>
<script type="text/javascript" src="./js2/js/ajaxutilities.js"></script>
<script type="text/javascript">
<!--

$(document).ready(function () {
    $('#alauneContent').pager('div');
 });
/*
$(function() {
	$('#tripleZone').tabs({ fxAutoHeight: true, fxSpeed: 'fast' });
});
*/


var FOMovieMainFlash = { movie:"js2/swf/bandeauFlash.swf", width:"724", height:"203", majorversion:"8", build:"0", wmode:"transparent" };
UFO.create(FOMovieMainFlash, "bandeauFlash");

$(document).ready(initNavBar);
$(document).ready(setSameHeight);
$(document).ready(function(){
	$(".siteMapItems").hide();
	$(".siteMapItems:eq(0)").show();

	$("#MapCarNext a").click(function(){
		if($(".siteMapItems:visible").next().is("div")){
			$(".siteMapItems:visible").next().SlideInRight(1000);

			$(".siteMapItems:visible:eq(0)").SlideOutLeft(1000,function(){
				$(this).hide();
			});
		}

		return false;
	});

	$("#MapCarPrev a").click(function(){
		if($(".siteMapItems:visible").prev().is("div")){
			$(".siteMapItems:visible").prev().SlideInLeft(1000);

			$(".siteMapItems:visible:eq(1)").SlideOutRight(1000,function(){
				$(this).hide();
			});
		}

		return false;
	});
});


-->
</script>

</head>

<body onload="setHover( 'menu' );">

<div id="global-container" >
          <!-- -->  	<div id="header">
			<div id="logo"><a href="."><img src="images/logo.gif" alt="Brest M&eacute;tropole Oc&eacute;ane" /></a></div>

        			<div id="cityPartners" class="clearfix">
				<ul class="city">
					<li><a href="#">Brest</a></li>
					<li><a href="#">Guipavas</a></li>
					<li><a href="#">Plougastel-Daoulas</a></li>
					<li><a href="#">Plouzan&eacute;</a></li>
					<li><a href="#">Relecq-Kerhuon</a></li>
					<li><a href="#">Guilers</a></li>
					<li><a href="#">Gouesnou</a></li>
					<li><a href="#">Bohars</a></li>
				</ul>
				<form action="#" method="post" name ="searchPartner" id="searchPartner" class="clearfix">
					<select id="partenaires" name="partenaires">
						<option>Partenaires</option>
					</select>
					<input id="ok" name="ok" type="image" src="images/btn_ok_searchPartners.gif" value="ok" />
				</form>
			</div><!-- #cityPartners -->

        	<div id="accessibility">
				<ul>
					<li class="access"><a href="#">Accessibilit&eacute;</a></li>
					<li class="audio"><a href="#">Ecoutez le site</a></li>
				</ul>
			</div><!-- #accessibility -->
			<div id="profil">
				<ul>
					<li>Vous &ecirc;tes :</li>
					<li class="first"><a href="#">Nouvel arrivant</a></li>
					<li><a href="#">Journalistes</a></li>
					<li class="last"><a href="#">Professionnels</a></li>
				</ul>
			</div><!-- #profil -->
			<div id="identification">
				<ul>
					<li class="first"><a href="jsp/site/Portal.jsp?page_id=11">Identifiez-vous</a></li>
				</ul>
			</div><!-- #identification -->
			<!-- TODO - Récupérer l'utilisateur connecté -->
			<div id="visitor">${pageinclude_userinfo?default("<!-- No user info -->")}</div><!-- #visitor -->
			   ${page_tools_menu}
    	</div><!-- #header -->


        <div id="bandeau" class="clearfix">
			<div id="bandeauFlash">
				ici viendra prendre place le contenu alternatif
			</div><!-- #bandeauFlash -->
			<div id="agloMap">

				<h3><img src="images/t_communes_et_quartiers.gif" alt="Communes et quartiers" /></h3>
					<img src="images/carte_aglo.gif" alt="Carte" />
					<ul><li><a href="#"><img src="images/btn_plan_interactif.gif" alt="Plan interactif" /></a></li>
					<li><a href="#"><img src="images/btn_travaux.gif" alt="Travaux" /></a></li>
					<li><a href="#"><img src="images/btn_traffic.gif" alt="Traffic" /></a></li>
				</ul>
			</div><!-- #agloMap -->
		</div><!-- #bandeau -->
          <!-- -->



    	 <!-- ${page_header}-->

 		  ${page_main_menu}
		 <!-- ${page_path}-->

		  <div id="page-content" >
			  ${page_content}
			  <div class="clear">&#160;</div><!-- to fill the page-content container on all browsers -->
		  </div>
		  <div class="siteFoot"></div>


	 </div>
         ${page_footer}

</body>
<script language="javascript" type="text/javascript">
loadXML("./LAData/XML/speak.xml");
HorlogeDynamique();
</script>
</html>


